<template>
  <!-- <div id="app"> -->
    <div id="app"> 
      <!-- 可以是 <el-main   >吗 -->
    <!-- <el-main id="app"> -->
      <!-- <el-main > -->
        <!-- style="clear:both" 没用 -->
        <!-- <el-container class="bg-black" > -->
        <!-- 可以引入 el  -->
        <!-- style="clear:both"  没有用 -->
    <router-view ></router-view>
      <!-- </el-container> -->
    <!-- </el-main> -->
    <!-- 这里怎么调用  </el-main> 因为 还没有import el css？ -->
  </div>
</template>
<style scope>

div#app {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #34495e;
/* height: 2000px; */
height: 100rem;
/* 最后放弃 还是直接写个大数字好了 */
        /* display:inline-block;
        *display:inline;
        *zoom:1; */
       /* https://blog.csdn.net/qq_34192983/article/details/81806927  */
}


/* .bg-black{
   position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #34495e;
} */
</style>
<script>
export default {
  name: "App"
};
</script>